<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'E0efc876972bc04171ac819f068aa7f421','Wd4d58738edfb54fb5a1e664c1bbc9dc1b','Yv0dcf3374361c4fcaaadd63bad445c2ee','Nw77848ab62a95418ab0b8dcbe6b538583','tw0e2f16bc3b4541e6b60c8684635cb3d9','DFb5e75830d0e54bad8c1b59bd1d455dd8','gecf605ae0050144c5b5c34e4cccbab274','Vv3ce9be0aa77144119d66b24acd104060','Lp25413bb8eaf8403b98b5005fb09fb7f2','M9fd11ce2dfde745e2911535dde1ee8a5c','s132139ee0cccf4cf78c0bb17f873bf37b','O25c2119c8a845475189df694c03267b23','xOebc1a369a5eb48adb4e68c1eb21fac83','Hr34bfc8159ba0443a9280ec5f2003ee42','swfe121789b2774e398235e1d3e641401b','K6d0bd4f781b9f4ccda409117e220f1b2b','tsb3387006fbd7472ea27fd52a618ebba7','uh3dd457f7c0d84ed4a2ec9f8be6c631f0','X_07749730719a4f95a5dece94579e4640','btedfdc97bfc634c29b0a6f15970a18237','hx1b63a9d69a9749298fd10de1b2e4e48e','GZ8540bb01e6df487d924569058f8c3955','n72ef7f8653f684602bb0f3e9d945a8a79','ir26f1830c0da44d8e9eff94e76272178b','mVf9c281cea0e2407b987b9d62739fd484','$62ddfcea0c8ab42fd8bcc2ca58762c02c'"  ></cms:ads>
<!doctype html>
<html lang="zh-CN">
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="icon" sizes="any"  target="blank" href="${浏览器logo}">
  <title>选购${网页标题}</title>
  <link href="http://hwfile.jyymatrix.cc/public/css/bootstrap.min.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/public/css/reset.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/joffre/css/common.css" rel="stylesheet"> 
  <link href="http://at.alicdn.com/t/font_952431_vmk469ke6wr.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/public/plugin/swiper/swiper.min.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/public/css/animate.css" rel="stylesheet"> 
  <script src="http://hwfile.jyymatrix.cc/public/js/jquery.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/public/js/bootstrap.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/public/js/wow.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/public/plugin/swiper/swiper.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/joffre/js/common.js"></script> 
  <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--> 
  <style>td img{width:230px}.w{ width: 230px; height: 298px; float: left; border-top: 1px solid #e9e2eb; text-align: center; } .w a{ margin-top: 25px; display: inline-block; } .bbli a{ line-height: 32px; color: #7a7a7a; } .bbbox a:hover{ color: #7a6a87; padding-bottom: 5px; text-decoration: underline; } table{ border-collapse:collapse; border: none; } td a{  width: 100%; height: 24px; } td{ border-collapse:collapse; border: 1px solid #e9e2eb; border-left: none; text-align: center; width: 232px; height: 293px; vertical-align: middle; } /* tr>td:last-child{ border-right: none; } */</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="bbbox" style="height:30px; background:#f4f2f5;margin-top:10px;"> 
   <span style="color:#7a7a7a;line-height:30px;padding-left: 22px;" class="zy" data-type="ad" data-id="${E0efc876972bc04171ac819f068aa7f421.adId}">${E0efc876972bc04171ac819f068aa7f421.adTitle}></span>
   <cms:attr var="attr" code="${param.code}"  ></cms:attr>
   <span style="color:#7a7a7a;line-height:30px;" class="zy" data-type="attr" data-id="${attr.id}">
   <c:if test="${param.name eq null }"> ${attr.attrName}</c:if>
  <c:if test="${param.name ne null }"> ${param.name}</c:if>
   </span>  
  </div> 
  <div class="bbbox" style="overflow: hidden;"> 
   <div style="width:180px; float:left;border-right:1px solid #e9e2eb;height:700px;"> 
    <h1 style="border-bottom:1px solid #baadc4;color:#3b3b3b;height:60px;line-height:60px;font-size:18px;" class="zy" data-type="ad" data-id="${Wd4d58738edfb54fb5a1e664c1bbc9dc1b.adId}">${Wd4d58738edfb54fb5a1e664c1bbc9dc1b.adTitle}</h1> 
    <div> 
    <cms:attr var="zt" code="zt" needChild="true" ></cms:attr>
     <h1 onclick="shwo(this,'d1')" style="line-height:50px;cursor: pointer; " class="zy" data-type="attr" data-id="${zt.id}">${zt.attrName}</h1> 
     <ul class="bbli " id="d1" style="display:none;"> 
     <c:forEach items="${childAttr}" var="item" >
      	<li><a   target="blank" href="${path}/do/redirect/pc/projectList?code=${item.attrCode}" id="${item.attrCode}" data-p="d1" class="zy" data-type="attr" data-id="${item.id}">${item.attrName}</a></li>
     </c:forEach>
     </ul> 
    </div> 
    <div style="border-top:1px solid #e9e2eb;"> 
     <cms:attr var="zt" code="xilie" needChild="true" ></cms:attr>
     <h1 onclick="shwo(this,'d2')" style="line-height:50px;cursor: pointer; " class="zy"  class="zy" data-type="attr" data-id="${zt.id}">${zt.attrName}</h1> 
     <ul class="bbli" id="d2" style="display:none;"> 
     <c:forEach items="${childAttr}" var="item" >
      	<li><a  target="blank" href="${path}/do/redirect/pc/projectList?code=${item.attrCode}" id="${item.attrCode}" data-p="d2"  class="zy" data-type="attr" data-id="${item.id}">${item.attrName}</a></li>
     </c:forEach>
     </ul> 
    </div> 
   </div> 
   <div style="width:780px; float:right;overflow: hidden;"> 
    <div style="width:698px;float:right;margin-top:60px; "> 
     <table> 
      <tbody>
      
      <cms:pros var="pros" code="${param.code }" name="${param.name}"  pageSize="100"></cms:pros>
      <c:forEach items="${pros }" var="item"  varStatus="count" >
      		
      		<c:if test="${count.index%3==0}"> 
      		 
      		 	<tr> 
	      		
	      		<c:if test="${(count.index+2) > fn:length(pros) }">
	      			<c:set var="endIndex" value="${ count.index + (fn:length(pros)%3) -1 }"  ></c:set>
	      		</c:if>
	      		
	      		<c:if test="${(count.index+2) <= fn:length(pros) }">
	      			<c:set var="endIndex" value="${ count.index + 2 }"  ></c:set>
	      		</c:if>
      		</c:if>
      		
      		 <td>
      		 <a  target="blank" href="${path}/do/redirect/pc/projectDetail?id=${item.id}" >
      		 <img src="${item.img}" class="zy" data-type="pro" data-id="${item.id}">
      		 </a>
      		 <a  target="blank" href="${path}/do/redirect/pc/projectDetail?id=${item.id}" class="zy" data-type="pro" data-id="${item.id}">${item.name}</a></td>
      		
      		<c:if test="${count.index==endIndex}"> </tr> </c:if>
      
      </c:forEach>
      
       
      </tbody>
     </table> 
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 

  <script>
 
function shwo(node,id){
 var i=$(node).children("i");
  if(i.hasClass("icon-packup")){
    i.removeClass("icon-packup");
    i.addClass("icon-unfold");
  }else{
    i.addClass("icon-packup");
    i.removeClass("icon-unfold");
  }
  $("#"+id).slideToggle("fast");
}
$("#${param.code}").addClass("hover")
var h1=$("#${param.code}").prev();
var c=$("#${param.code}");
shwo(h1,c.data("p"));

 

</script>   
 </body>
</html>